<template>
	<view>
		<!-- <page-head ref="pageHead" :title="'森歌微商城-成为经销商'" :headtype="2"></page-head> -->
		<view class="one">
			<image src="https://fx.senge.com/uploads/images/20230506173814aa85a3439.png" mode=""></image>
		</view>
		<view class="form margin30">
			<view class="row">
				<view class="name">*<text>姓名</text> </view>
				<input type="text" v-model="name" placeholder="请输入姓名">
			</view><view class="row">
				<view class="name">*<text>手机号</text> </view>
				<input type="text" v-model="phone" placeholder="请输入手机号">
			</view><view class="row">
				<view class="name">*<text>城市</text> </view>
				<input type="text" v-model="city" placeholder="请输入城市">
			</view>
		</view>
		<view class="submit-s">成为经销商</view>
		<view class="foot">
			<view class="tq">经销商名声特权</view>
			<view class="hy">欢迎注册成为森歌集成灶经销商~</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'',
				phone:'',
				city:''
			}
		},
		onLoad() {
			this.$refs.pageHead.getTopHeight()
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background-color: #93afd9;
	padding-bottom: 80rpx;
}
.one image{
	margin-left: -4%;
	width: 114%;
	height: 700rpx;
}
.form{
	margin-top: -54rpx;
	background-color: #fff;
	padding: 42rpx;
	border-radius: 30rpx;
}
.name{
	color: #ff0000;
}
.name{
	padding-bottom: 32rpx;
}
.name text{
	margin-left: 8rpx;
	color: #000;
	font-weight: 900;
	font-size: 30rpx;
}
.row input{
	border: 1rpx solid #eeeeee;
	border-radius: 4rpx;
	height: 70rpx;
	padding-left: 16rpx;
	font-size: 28rpx;
}
.row{
	margin-bottom: 46rpx;
}
.foot{
	color: #f4f9fe;
	text-align: center;
	font-size: 28rpx;
}
.hy{
	font-size: 24rpx;
	margin-top: 14rpx;
}
</style>
